<template>
    <div>
        <div id="mainbox0">
                 <songmes></songmes>
                 <!-- <router-view></router-view> -->
                 <songtext></songtext>
                 <songrec></songrec>
         </div>     
    </div>
</template>

<script>
import store from '../../store'
import axios from 'axios'
import songmes from './songmes'
import songtext from './songtext'
import songrec from './songrec'
export default {
    name:"asong",
    data(){
        return{
            arr:'',
            text:'',
            asongid:'',
        }
    },
//   watch: {
//     // 如果路由有变化，会再次执行该方法
//     '$route': 'fetch'
//   },
 
    methods:{
        fetch(){
            console.log("OKK");
            location.reload;
             document.getElementById("mainbox0").style.display="none";
        },              
    },
    components:{
        songmes,
        songtext,
        songrec,
    },

}
</script>

<style scoped> 
  #mainbox0{
            position: absolute;
            left:300px;
            width: 1200px;
            height: 570px;
            /* margin-left: -600px; */
            float: left;
            z-index: 0;
        }
#box{
    position: relative;
    left: -300px;
}
#lyrbox{
    position: relative;
    top:-320px;
    left: 100px;
    width: 600px;
    height: 560px;
    display: inline-block;
    /* background-color: #fff; */
}
#songtext{
    background: none;
    border: none;
    color: aliceblue;
    font-weight: 400;
}
    /*  */

 
 #songimg {
     position: relative;
     top: 10px;
     left: 50px;
     max-width: 180px;
     max-height: 300px;
     color: aliceblue;
 }
 
 .songtext {
     position: relative;
     width: 300px;
     top: 30px;
     left: 50px;
     color: #fff;
     font-size: 18px;
     opacity: 0.9;
     font-weight: 300;
 }
 
 .songbutton {
     position: relative;
     width: 110px;
     height: 40px;
     top: -470px;
     left: 50px;
     background-color: #2c2324;
     color: #fff;
     font-size: 16px;
     outline: none;
     border-radius: 5px;
     border: none;
     font-weight: 600;
 }
 
 .playingico {
     font-family: "iconfont" !important;
     font-size: 16px;
     font-style: normal;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-weight: 500;
     cursor: default;
 }
 
 .otherico {
     position: relative;
     top: -390px;
     left: -60px;
     margin-right: 25px;
     font-family: "iconfont" !important;
     font-size: 24px;
     color: aliceblue;
     font-style: normal;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-weight: 500;
     cursor: default;
 }
 
 #brief {
     position: relative;
     top: 50px;
     left: 50px;
     width: 320px;
     height: 120px;
     color: #fff;
     opacity: 0.9;
 }
 #hotsear{
     top:30px;
 }
 

</style>